<script setup lang="ts">
interface IProp {
  title: string
  align?: 'right' | 'left'
}

withDefaults(defineProps<IProp>(), {
  align: 'left'
})
</script>

<template>
  <div class="flex text-sm w-full mb-2" :class="align === 'right' ? 'justify-between' : ''">
    <span class="text-[var(--el-color-info)] mr-4 min-w-[70px]">{{ title }}</span>
    <span> <slot /> </span>
  </div>
</template>

<style lang="scss" scoped></style>
